<template>
	<text class="is-over" v-if="props.lastDetailsNameV === '完'">完</text>
	<text class="no-over" v-else>{{props.lastDetailsNameV}}</text>
</template>

<script setup>
	const props = defineProps(["lastDetailsNameV"]);
</script>

<style lang="scss" scoped>
	.is-over {
		color: #FF5959;
		text-shadow:
			0 0 2px #fff,
			/* 轻微模糊使边缘更平滑 */
			-1px -1px 0 #fff,
			-1px 0 0 #fff,
			-1px 1px 0 #fff,
			0 -1px 0 #fff,
			0 1px 0 #fff,
			1px -1px 0 #fff,
			1px 0 0 #fff,
			1px 1px 0 #fff;
		font-size: 24rpx;
		font-weight: 500;
	}

	.no-over {
		color: #4B87FF;
		text-shadow:
			0 0 2px #fff,
			/* 轻微模糊使边缘更平滑 */
			-1px -1px 0 #fff,
			-1px 0 0 #fff,
			-1px 1px 0 #fff,
			0 -1px 0 #fff,
			0 1px 0 #fff,
			1px -1px 0 #fff,
			1px 0 0 #fff,
			1px 1px 0 #fff;
		font-size: 24rpx;
		font-style: normal;
		font-weight: 500;
	}
</style>